// 创建一个新的div元素
const iframe  = document.createElement('iframe');

iframe.setAttribute('id','top-iframe')
// 设置样式，使其定位到页面顶部
iframe.style.position = 'fixed';
iframe.style.top = '0';
iframe.style.right = '0';
iframe.style.width = '200px';
iframe.style.height = '100vh'; // 可以根据需要调整高度
iframe.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
iframe.style.zIndex = '9999'; // 确保在最上层
iframe.style.border = 'none';
iframe.src = chrome.runtime.getURL('pages/top.html')
// iframe .innerText = '这是一个顶部的Div'; // 可以自定义内容

// 将div添加到body
document.body.appendChild(iframe);


// 定义全局函数供iframe调用
const removeTopIframe = () => {
  const iframe = document.getElementById('top-iframe');
  if (iframe) {
    iframe.remove();
  }
};


window.addEventListener('message', (event) => {
  // 根据需要验证event.origin
  if (event.data && event.data.action === 'closeButton') {
    // 执行删除iframe的逻辑
    removeTopIframe();
  }
});
